<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>京东详情 赵佳义</title>
		<link type="text/css" href="详情1.css" rel="stylesheet" />
		<link type="text/css" href="详情2.css" rel="stylesheet" />
		<script src="详情.js" type="text/javascript">

		</script>
	</head>
	<body>
		<!-- 页面顶部 -->
		<header id="top">
			<div id="top_box">
				<img src="Images/star.jpg">
				<a href="#">收藏京东</a>
				<div class="rt">
					<ul>
						<li>
							您好，欢迎来到京东
							<a href="#">[登录]</a>
							<a href="#">[免费注册]</a>
						</li>
						<li>
							<b></b>
							<a href="#">我的订单</a>
						</li>
						<li class="vip">
							<b></b>
							<a href="#">会员俱乐部</a>
						</li>
						<li class="dakehu">
							<b></b>
							<a href="#">企业频道</a>
						</li>
						<li class="app_jd">
							<b></b>
							<a href="#">手机京东</a>
							<!-- 手机京东下拉框 -->
							<div id="app_jd_items">
								<div class="app">
									<h3>京东客户端</h3>
									<a href="javascript:;" class="app"></a>
									<a href="javascript:;" class="android"></a>
								</div>
								<div class="bank">
									<h3>网银钱包客户端</h3>
									<a href="javascript:;" class="app"></a>
									<a href="javascript:;" class="android"></a>
								</div>
							</div>
						</li>
						<li class="service">
							<b></b>
							<a href="#">客户服务</a>
							<ul id="service_items">
								<li><a href="#">帮助中心</a></li>
								<li><a href="#">售后服务</a></li>
								<li><a href="#">在线客服</a></li>
								<li><a href="#">投诉中心</a></li>
								<li><a href="#">客服邮箱</a></li>
							</ul>
						</li>
						<li>
							<b></b>
							<a href="#">网站导航</a>
						</li>
					</ul>
				</div>
			</div>
		</header>
		<!-- logo和搜索框 -->
		<div id="top_main">
			<a href="#" class="lf">
				<img src="./Images/logo-201305.png" alt="" />
			</a>
			<div id="search_box" class="lf">
				<div class="search">
					<input type="text" class="text" id="txtsearch" />
					<input type="button" value="搜索" class="button" />
				</div>
				<div class="hot_words">
					<span>热门搜索：</span>
					<a href="#">家纺11月大促</a>
					<a href="#">彩虹电热毯</a>
					<a href="#">家电特惠</a>
				</div>
			</div>
			<div id="my_jd" class="lf">我的京东<b></b></div>
			<div id="gwc" class="lf">购物车<b></b></div>
		</div>
		<!-- 导航 -->
		<nav id="nav">
			<!-- 全部商品分类 -->
			<div id="category">
				<a href="#">全部商品分类</a>
				<b></b>
				<ul id="cate_box">
					<li>
						<h3>
							<a href="#">图书</a>、<a href="#">音像</a>、<a href="#">数字商品</a>
						</h3>
						<!-- 三集子菜单 -->
						<div class="sub_cate_box">
							<!-- 左边部分 -->
							<div class="sub_cate_items">
								<div>
									<a href="#">电子书</a>
									<p>
										<a href="#">免费</a>
										<a href="#">小说</a>
										<a href="#">励志与成功</a>
										<a href="#">婚恋</a>
										<a href="#">两性</a>
										<a href="#">文学</a>
										<a href="#">经营</a>
										<a href="#">畅读</a>
									</p>
								</div>
								<div>
									<a href="#">数字音乐</a>
									<p>
										<a href="#">通俗流行</a>
										<a href="#">古典音乐</a>
										<a href="#">摇滚说唱</a>
										<a href="#">爵士蓝调</a>
										<a href="#">乡村民谣</a>
										<a href="#">有声读物</a>
									</p>
								</div>
								<div>
									<a href="#">音像</a>
									<p>
										<a href="#">音乐</a>
										<a href="#">影视</a>
										<a href="#">教育音像</a>
										<a href="#">游戏</a>
									</p>
								</div>
								<div>
									<a href="#">文艺</a>
									<p>
										<a href="#">小说</a>
										<a href="#">文学</a>
										<a href="#">青春文学</a>
										<a href="#">传记</a>
										<a href="#">艺术</a>
									</p>
								</div>
							</div>
							<div class="sub_cate_banner">
								<div><img src="./Images/cate_banner_01.jpg" alt="" /></div>
								<div><img src="Images/cate_banner_02.jpg" alt="" /></div>
								<div>
									<h4>推荐品牌出版商书店</h4>
									<ul>
										<li><a href="#">中华书局</a></li>
										<li><a href="#">人民邮电出版社</a></li>
										<li><a href="#">上海世纪出版有限公司</a></li>
										<li><a href="#">电子工业出版社</a></li>
										<li><a href="#">三联书店</a></li>
										<li><a href="#">浙江少年儿童出版社</a></li>
									</ul>
								</div>
							</div>
							<div class="close">
								x
							</div>
						</div>
					</li>
					<li>
						<h3>
							<a href="#">家用电器</a>
						</h3>
						<div class="sub_cate_box">
							<div class="sub_cate_items">
								<div><a href="javascript:;">大家电</a>
									<p>
										<a href="javascript:;">家电爆品</a>
										<a href="javascript:;">平板电视</a>
										<a href="javascript:;">空调</a>
										<a href="javascript:;">冰箱</a>
										<a href="javascript:;">洗衣机</a>
										<a href="javascript:;">家庭影院</a>
										<a href="javascript:;">DVD</a>
										<a href="javascript:;">迷你音响</a>
										<a href="javascript:;">烟机/灶具</a>
										<a href="javascript:;">热水器</a>
										<a href="javascript:;">消毒柜/洗碗机</a>
										<a href="javascript:;">酒柜/冷柜</a>
										<a href="javascript:;">家电配件</a>
									</p>
								</div>
								<div><a href="javascript:;">生活电器</a>
									<p><a href="javascript:;">取暖电器</a>
										<a href="javascript:;">净化器加湿器</a>
										<a href="javascript:;">扫地机器人</a>
										<a href="javascript:;">吸尘器</a></p>
								</div>
								<div><a href="javascript:;">厨房电器</a>
									<p><a href="javascript:;">电压力锅</a>
										<a href="javascript:;">电饭煲</a>
										<a href="javascript:;">豆浆机</a></p>
								</div>
								<div><a href="javascript:;">五金家电</a>
									<p><a href="javascript:;">电动工具</a>
										<a href="javascript:;">手动工具</a>
										<a href="javascript:;">仪器仪表</a>
										<a href="javascript:;">浴霸/排气扇</a>
										<a href="javascript:;">灯具</a>
										<a href="javascript:;">洁身器</a>
										<a href="javascript:;">LED灯</a>
										<a href="javascript:;">水槽</a>
										<a href="javascript:;">淋浴花洒</a>
										<a href="javascript:;">厨卫五金</a>
										<a href="javascript:;">家具五金</a>
										<a href="javascript:;">门铃</a>
										<a href="javascript:;">电气开关</a>
										<a href="javascript:;">插座</a>
										<a href="javascript:;">电工电料</a>
										<a href="javascript:;">监控安防</a>
										<a href="javascript:;">电线/线缆</a></p>
								</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<!-- 导航栏 -->
			<ul id="nav_items">
				<li><a href="#">首页</a></li>
				<li><a href="#">服装城</a></li>
				<li><a href="#">食品</a></li>
				<li><a href="#">团购</a></li>
				<li><a href="#">夺宝岛</a></li>
				<li><a href="#">闪购</a></li>
				<li><a href="#">金融</a></li>
			</ul>
		</nav>
		<!-- 页面主体内容 -->
		<section id="main" class="chear">
			<!-- 第一部分 -->
			<div class="bread-crumb">
				<a href="#"><b>家居家装</b></a>
				<a href="#">清洗用品</a>
				<span>&gt;</span>
				<a href="#">衣物清洁</a>
				<span>&gt;</span>
				<a href="#">卫新</a>
				<span>&gt;</span>
				<a href="#">卫新洗衣液</a>
			</div>
			<!-- 第二部分 左侧图片 -->
			<div id="product_intro">
				<div id="preview">
					<div id="mediumDiv">
						<img src="images/products/product-s1-m.jpg" id="mImg">
						<!-- 遮罩层 -->
						<div id="mask"></div>
						<!-- 放大图的透明版 -->
						<div id="superMask"></div>
					</div>
					<!-- 大图 -->
					<div id="largeDiv"></div>
					<!-- 小图 -->
					<h1>
						<a href="#" class="backward_disabled"></a><!-- 左按钮 -->
						<a href="#" class="forward"></a><!-- 右按钮 -->
						<ul id="icon_list">
							<li><img src="images/products/product-s1.jpg" ></li>
							<li><img src="images/products/product-s2.jpg" ></li>
							<li><img src="images/products/product-s3.jpg" ></li>
							<li><img src="images/products/product-s4.jpg" ></li>
							<li><img src="images/products/product-s5.jpg" ></li>
							<li><img src="images/products/product-s6.jpg" ></li>
							<li><img src="images/products/product-s7.jpg" ></li>
							<li><img src="images/products/product-s8.jpg" ></li>
						</ul>
					</h1>
				</div>
			</div>
		</section>
		<!-- 页面底部 -->
		<footer id="foot_box">
			<p class="shopping_guide1"></p>
			<ul>
				<li>
					<b>购物指南</b>
				</li>
				<li>
				<li><a href="#">购物流程</a></li>
				<li><a href="#">会员介绍</a></li>
				<li><a href="#">团购/机票</a></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">大家电</a></li>
				<li><a href="#">联系客服</a></li>
				</li>
			</ul>
			<p class="shopping_guide2"></p>
			<ul>
				<li><b>发送方式</b></li>
				<li>
				<li><a href="#">上门自取</a></li>
				<li><a href="#">211限时达</a></li>
				<li><a href="#">配送服务查询</a></li>
				<li><a href="#">配送费收取标准</a></li>
				<li><a href="#">海外配送</a></li>
				</li>
			</ul>
			<p class="pay_type"></p>
			<ul>
				<li><b>支付方式</b></li>
				<li>
				<li><a href="#">货到付款</a></li>
				<li><a href="#">在线支付</a></li>
				<li><a href="#">分期付款</a></li>
				<li><a href="#">邮局汇款</a></li>
				<li><a href="#">公司转账</a></li>
				</li>
			</ul>
			<p class="sale_service"></p>
			<ul>
				<li><b>售后服务</b></li>
				<li>
				<li><a href="#">售后政策</a></li>
				<li><a href="#">价格保护</a></li>
				<li><a href="#">退款说明</a></li>
				<li><a href="#">返修/退换货</a></li>
				<li><a href="#">取消订单</a></li>
				</li>
			</ul>
			<p class="special_service"></p>
			<ul>
				<li><b>特色服务</b></li>
				<li>
				<li><a href="#">夺宝岛</a></li>
				<li><a href="#">DTY装机</a></li>
				<li><a href="#">延保服务</a></li>
				<li><a href="#">京东E卡</a></li>
				<li><a href="#">节能补贴</a></li>
				<li><a href="#">京东通信</a></li>
				</li>
			</ul>
		</footer>
		<!-- 页面底部 -->
		<footer id="footer">
			<div id="lianjie">
				<ul>
					<li><a href="#">关于我们</a><b></b></li>
					<li><a href="#">联系我们</a><b></b></li>
					<li><a href="#">人才招聘</a><b></b></li>
					<li><a href="#">商家入驻</a><b></b></li>
					<li><a href="#">广告服务</a><b></b></li>
					<li><a href="#">友情链接</a><b></b></li>
					<li><a href="#">销售联盟</a><b></b></li>
					<li><a href="#">京东社区</a><b></b></li>
					<li><a href="#">京东公益</a></li>
				</ul>
			</div>
			<div id="beian">
				<p>北京市公安局朝阳分局备案编号110105014669 | 京ICP证070359号 | 互联网药品信息服务资格证编号(京)-非经营性-2011-0034<br /></p>
				<p>音像制品经营许可证苏宿批005号 | 出版物经营许可证编号新出发(苏)批字第N-012号 | 互联网出版许可证编号新出网证(京)字150号<br /></p>
				<p>网络文化经营许可证京网文[2011]0168-061号 Copyright © 2004-2014 京东JD.com 版权所有<br /></p>
				<p>京东旗下网站：<a href="#">English Site</a>&nbsp;<a href="#">拍拍网</a>&nbsp;<a href="#">网银在线</a></p>
			</div>
			<div id="tu">
				<a href="#"><img src="./Images/jy.jpg" alt="" /></a>
				<a href="#"><img src="./Images/kx.jpg" alt="" /></a>
				<a href="#"><img src="./Images/cy.jpg" alt="" /></a>
				<a href="#"><img src="./Images/cx.jpg" alt="" /></a>
			</div>
		</footer>
	</body>
</html>
